<template>
    <div class='main'>
      <top></top>
      <router-view/>
      <bottom></bottom>
    </div>
</template>
<script>
    import top  from '../components/top.vue'
    import swiper  from '../components/swiper.vue'
    import bottom  from '../components/bottom.vue'
    export default {
        name: 'hello',
        data() {
            return {
                count: '',
            }
        },
        created() {

        },
        mounted() {

        },
        methods: {},
      components:{
          top,bottom,swiper
      }
    }
</script>
<style scoped>
    .main {

    }

</style>
